<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <link rel="stylesheet" href="./css/reset.css">
    <title>分享</title>
    <style>
        .content {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            bottom: 130px;
            box-sizing: border-box;
            overflow: auto;
        }
        
        .time {
            padding-top: 15px;
            display: flex;
            align-items: center;
            color: #999;
            font-size: 14px;
        }
        
        .time>img {
            margin-right: 15px;
        }
        
        .title {
            padding: 15px 0;
            font-size: 20px;
            font-weight: 800;
            line-height: 25px;
        }
        
        .article p {
            line-height: 20px;
        }
        
        .bottom {
            position: fixed;
            bottom: 0;
            right: 0;
            left: 0;
            box-sizing: border-box;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: white;
            color: #1c233e;
        }
        
        .bottom h1 {
            font-size: 22px;
            font-weight: 800;
        }
        
        .bottom p {
            padding-top: 10px;
            font-size: 14px;
            font-weight: 900;
        }
        
        .bottom .invi-code {
            font-size: 16px;
        }
    </style>
</head>

<body>
    <div id='app'>

        <div class='content'>
            <div>
                <img src="./img/share-img.jpg" width="100%" height="160px">
            </div>
            <div style="padding:0 20px">
                <p class='time'>
                    <img src="./img/time-share.svg" width="20px" height="20px">
                    <span v-text='handleTime(json.addtime)'>2018-11-11</span>
                </p>
                <h1 class='title' v-text='json.title'>斯就打FK啦手动阀</h1>
                <div class='article' v-html='div'>
                    sd的付款了估计撒九快乐光JFK拉动
                </div>
            </div>

        </div>
        <div class='bottom'>
            <div>
                <h1>超级ADPP应用钱包</h1>
                <p>Purse super DAPP applications</p>
                <p class='invi-code'>
                    <span>邀请码:</span>
                    <span v-text="JSON.parse(localStorage.getItem('user')).phone">18875027064</span>
                </p>
            </div>
            <img src="./img/downapp.png" width="90px" height="90px">
        </div>
    </div>
    <script src="js/comm.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/back.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js"></script>
    <script>
        var send = function(json, div) {
            app.$data.json = JSON.parse(json);
            app.$data.div = div;
        }

        var app = new Vue({
            el: '#app',
            data: {
                //放上级传过来的div，防止不能解析的情况
                div: '',
                //上级给过来的
                json: ''
            },
            methods: {
                close: function() {
                    var web = plus.webview.currentWebview();
                    web.close('none');
                },
                //处理时间戳
                handleTime: function(time) {
                    return _date(time);
                },

            }
        });
    </script>
</body>

</html>